<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/mint.css">
		<link rel="stylesheet" href="css/mint-style.css">
		 <script src="js/vue_resource.js"></script>
	</head>
		<script src="js/serverUrl.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/mint.js"></script>
	    <script src="js/vue_resource.js"></script>
		<script src="js/moment.js"></script>
		<style>
			.bankTitle{
				background-color: #C7000A;
			}
				
			.bankItem {
				display: flex;
				background-color: white;
				align-items: center;
				justify-content: space-between;
				padding-left: 8px;
				padding-right: 8px;
				padding-top: 8px;
				padding-bottom: 8px;
				border-top: 1px solid #e0e0e0;
			}
			.bankName{
				font-size: 14px;
			}
			.arrow{
				height: 20px;
			}
		</style>
	<body>
		<div id="app">
			<div v-for="item in questionBankList" class="bankItem" @click.stop="chooseQuestionBank(item.questionBankId)">
				<div class="bankName">{{item.questionBankName }}</div>
				<img class="arrow" src="img/user_arrow_right.png"/>
			</div>
		</div>
	</body>
	<script>
		var app = new Vue({
		  el: '#app',
		  data:{
			 questionBankList:[]
		  },
		  created() {
			  window.getQuestionBankList = this.getQuestionBankList
		  },
		  methods:{
			  getQuestionBankList (questionBankList) {
				  this.questionBankList = questionBankList
			  },
			  goBack () {
				 WebViewJavascriptBridge.callHandler('goBack',{},function(response) {
				         
				  }); 
			  },
				  
			  chooseQuestionBank (questionBankId) {
                  let params = {
                      questionBankId:questionBankId
                  }
				  WebViewJavascriptBridge.callHandler('chooseQuestionBank',params,function(response) {
				          
				   }); 
			  }
		  }
		})		
	</script>
</html>
